<template>
  <div class="ShangJia2 clearflow">
     <h2>公告与活动</h2>
      <div class="ShangJia2-content">
          {{seller.bulletin}}
      </div>
      <div v-for="(item,key) in seller.supports" :key='item' class="zhekou">
          <img :src="require('../assets/img/'+seller.imgs[key].img)" alt="">
          <span >{{item.description}}</span>
      </div>
  </div>
  
</template>

<script>
import {mapState} from 'vuex';
export default {
  data(){
    return{
        seller:[]
    }
},
 computed:{
        ...mapState(["imgs"])
    },
    created:async function(){
    let {data} = await this.$http.get("api/getseller")
    this.seller=data
    this.seller.imgs=this.imgs
    console.log(this.seller);
    }
}
</script>

<style lang="stylus" scoped>
w=100%; s1=24px; s2=28px; s3=32px; c=rgb(255,255,255);dw = 50%; bgc=#f3f5f7;
bgc1=rgb(7,17,27);bgc2=rgb(147,153,159);bgc3=rgb(255,153,0);bgc4=rgb(77,85,93);
.ShangJia2{
    width :w;
    margin-bottom: 32px
    padding:36px 24px 0px 24px
    border-top: 1px solid  rgb(7,17,27,0.1)
    border-bottom: 1px solid  rgb(7,17,27,0.1)
    background-color: white;
}
.ShangJia2-content{
    padding: 32px 24px;
    border-bottom: 1px solid  rgb(7,17,27,0.1)
}
.zhekou{
    font-size: 24px
    font-weight: 200
    color: bgc1;
    padding: 32px
    img{
        width 32px
        height 32px
        margin-right: 12px
    }
     border-bottom: 1px solid  rgb(7,17,27,0.1)
}

</style>